
<template>
  
  <div style="color: #666; font-size: 14px">
    <div style="padding-bottom: 20px">
      <b>欢迎你！{{ user.nickname }}</b>
    </div>
    <el-card>
      广东工业大学龙洞校区社团管理系统
      <el-divider />
    </el-card>
    <div style="height: 1px; background: #ddd; margin: 20px 0" />

    <el-row :gutter="30">
      <el-col :span="12">
        <div style="padding: 20px 0; font-size: 20px"></div>
        <div>
          基于Spring
          Boot与Vue框架，Element-UI组件开发web端的校园社团管理系统，以提供一个平台使社团进行更方便的事务管理
        </div>
        <el-divider />
        <div>
          随着国内大学社团数目的增长，传统的社团管理模式不仅存在效率低下，反馈缓慢的问题，
          还容易造成磨灭学生举办与参加活动的热情等问题。因此随着互联网技术的不断发展，
          开发一个校园社团管理系统是非常有必要的。通过校园社团管理系统，学校方可以更方便的审核与批准社团活动，
          社团方可以更方便的上交活动举办的申请，以及进行对社团的人员与活动管理等。
        </div>
      </el-col>
      <el-col :span="12">
        <div style="padding: 20px 0; font-size: 20px">主要功能</div>
        <el-row>
          <el-col :span="12" style="line-height: 30px">
            <div><b>1.社团完成活动申请的具体信息并上交  </b></div>
            <div><b>2.学校完成对活动申请的审核，并反馈结果给社团</b></div>
            <div><b>3.社团可以通过系统进行人员管理</b></div>
            <div><b>4.社团可以通过系统发布公告</b></div>
            <div><b>5.开发留言板块接受游客的意见</b></div>
          </el-col>
          
        </el-row>
      </el-col>
    </el-row>
  </div>
  
</template>

<script>
export default {
  name: "Home",
  data() {
    return {
      user: localStorage.getItem("user")
        ? JSON.parse(localStorage.getItem("user"))
        : {},
    };
  },
};
</script>
